<admintpl file="header" />
</head>
<body>
<div class="wrap">
    <ul class="nav nav-tabs">
        <li class="active"><a>用户下单里程图表</a></li>
    </ul>
    <form class="well form-search" method="post" action="{:U('Runmenanalysis/order_mileage_echart')}">
        大客户名称:
        <select class="select_2" name="formget[user_id]"  style="width: 150px;" >
            <option value="-1" {$formget[is_shop]==-1?selected:''}>全部</option>
            <volist name="user_shop" id="vo">
                <if condition="$formget.user_id == $vo[shop_id]">
                    <option value="{$vo.shop_id}" selected>{$vo.shop_name}</option>
                    <else /><option value="{$vo.shop_id}" >{$vo.shop_name}</option>
                </if>

            </volist>
        </select> &nbsp;&nbsp;
        &nbsp;
        用户姓名: <input type="text" name="formget[user_name]" style="width: 100px;height:34px;" value="{$formget.user_name}">&nbsp;
        用户电话: <input type="text" name="formget[mobile]" style="width: 100px;height:34px;" value="{$formget.mobile}">&nbsp;
        查询时间：
        <input type="text" class="js-date" name="formget[start_time]" value="{$formget.start_time|default=''}" style="width: 90px; height:30px;" autocomplete="off">-
        <input type="text" class="js-date" name="formget[end_time]" value="{$formget.end_time}" style="width: 90px; height:30px;" autocomplete="off">
        &nbsp;&nbsp;&nbsp;&nbsp;
        <input type="submit" class="btn btn-primary" value="搜索" />
    </form>
    <div id="main" style="height:400px;background: #ffffff;"></div>
</div>
<script src="__PUBLIC__/js/common.js"></script>
<script src="__PUBLIC__/js/echart/echarts-all.js"></script>
<script type="text/javascript">

//    $(document).ready(function(){
//        var utype = "{:I('utype')}";
//
//        if(utype == '1'){
//            $("#company").focus();
//            $("#company").empty();
//        }
//    });

    // 基于准备好的dom，初始化echarts图表
    var myChart = echarts.init(document.getElementById('main'));
    var orders = {
        toolbox: {
            show : true,
            feature : {
                mark : {show: true},
                dataView : {show: true, readOnly: false},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        tooltip: {
            show: true
        },
        legend: {
            data: ['用户下单里程']
        },
        xAxis: [
            {
                type: 'category',
                name:'公里数',
                data: {$mileages}
            }
        ],
        yAxis: [
            {
                type: 'value',
                name:'用户下单量'
            }
        ],
        series: [
            {
                "name": "用户下单里程",
                "type": "line",
                "data": {$order_counts}
            }
        ]
    };

    // 为echarts对象加载数据
    myChart.setOption(orders);

//    function companyChanged(company_id){
//
//        if($("#utype").val()==1){
//            $("#company").focus();
//            $("#company").empty();
//        }else{
//            $.ajax({
//                url:"{:U('Runmenanalysis/get_company_data')}",
//                data:"",
//                dataType:"JSON",
//                success:function(ret){
//                    console.log(ret);
//                    if(ret != null && ret.retValue != null ){
//                        cmbAddOption(ret.retValue);
//                    }
//                    else{
//                        $("#company").focus();
//                        $("#company").empty();
//                    }
//
//                }
//            });
//        }
//
//
//
//    }
//
//    function cmbAddOption(ret)
//    {
//        $("#company").empty();
//        var opetion = null;
//        for(var i =0; i<ret.length;i++){
//            opetion+= '<option value="'+ret[i].company_id+'">'+ret[i].company_name+'</option>';
//        }
//        $("#company").append(opetion);
//    }

</script>
</body>
</html>